import type { FC } from 'react';
import type { OtherProps } from './types';
import LeftBar from './LeftBar';
import TopBar from './TopBar';
import Context from './context';
import { toolConfigs } from './config';

const Other: FC<OtherProps> = (props) => {
  const { editor } = props;

  const ctxValue = {
    editor,
    toolConfigs
  };

  return (
    <Context.Provider value={ctxValue}>
      <TopBar />
      <LeftBar />
    </Context.Provider>
  );
}

export default Other;